<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=|, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 状态伪类 */
        input[type="text"]:hover{
            /* 鼠标悬停时颜色改变 */
            background-color: red;
        }
        input[type="password"]:active{
            /* 点击鼠标左键不松 */
            background-color: yellow;
        }
        input[type="passwordc"]:focus {
            /* 点击后颜色改变 */
            border: 2px solid green;
        }
        /* 结构伪类 */
        li:nth-child(2n-1) {
            background-color: pink;
        }
    </style>
</head>
<body>
    name:<input type="text" placeholder="please enter your name"><br>
   password:<input type="password" placeholder="please enter your password"><br>
   passwordc:<input type="passwordc" placeholder="please enter your password again">
   <ul>
    <li>chinese</li>
    <li>math</li>
    <li>english</li>
    <li>physics</li>
    <li>chemistry</li>
    <li>biology</li>
    <li>pe</li>
   </ul>
</body>
</html>